<template>
  <div class="basic-container" @click="handleClick(item.company_code)">
    <span class="basic-title">{{(item.company_sname==''||item.company_sname==null) ? item.company_name.split('有限')[0] : item.company_sname}}</span>
    <img src="images/wuli/1@2x.png" v-if="index[0]==0 && index[1]==0" class="show-no">
    <img src="images/wuli/2@2x.png" v-if="index[0]==0 && index[1]==1" class="show-no">
    <img src="images/wuli/3@2x.png" v-if="index[0]==0 && index[1]==2" class="show-no">
    <img src="images/wuli/重点关注@2x.png" v-if="item.is_focus=='1'" class="show-focus">
  
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {
    item :{
      type: Object,
      required: true
    },
    index: {
      type: [String, Number, Array],
      required: true
    },
  },
  data () {
    return {

    }
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {
  },
  methods: {
    handleClick(no){
      // console.log('index ', this.index[0]=1 && this.index[1]==0)
      this.$emit('checked',no)
    }
  }
}
</script>

<style scoped lang="stylus">
.basic-container {
  margin-right: 11px;
  cursor: pointer;
  position relative;
  width: 135px;
  height: 37px;
  color: #FFFFFF;
  background-color #022446;
  font-size: 15px;
  line-height: 37px;
  text-align: center;
  border-radius: 4px;
  margin-bottom: 10px;
  .basic-title {
    max-width: 89px;
    display: inline-block;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    overflow: hidden;
    -webkit-line-clamp: 1;
  }
  .show-no {
    position absolute;
    top: 5px;
    left: 0;
    width: 15px;
    height: 26px;
  }
  .show-focus {
    position absolute;
    top: 3px;
    right: 3px;
    width: 13px;
    height: 12px;
  }
}
</style>
